﻿<!DOCTYPE HTML>
<html>
<head>
	<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="../js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="../localization/messages_vi.js"></script>
<script type="text/javascript">
		$(document).ready(function(){
			$("#doicauhoi").validate({
				errorElement: "span", //Thành phần HTML hiện thông báo lỗi
				//Sử dụng tùy chọn rules cho những validate không hỗ trợ bởi class name
				rules: {
					cpassword: {
						equalTo: "#password" //So sánh với trường cpassword với thành trường có id là password
					},
					min_field: { min: 5 }, //Giá trị tối thiểu
					max_field: { max : 10 }, //Giá trị tối đa
					range_field: { range: [4,10] }, //Giá trị trong khoảng từ 4 - 10
					rangelength_field: { rangelength: [4,10] } //Chiều dài chuỗi trong khoảng từ 4 - 10 ký tự
				}
			});
		});
	</script>
<link href="../CSS/dk.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="doicauhoi_css" class="bgdk" >
<form id="doicauhoi" action="../libs/xulydoicauhoi.php" method="post">
<table>
		<tr>
		<td width="100px" align="left" style="padding-left:20px;">Mật khẩu :</td>
		<td style="float:left"><input class="required" class="Text" type="password" maxlength="20" id="mk" name="mk" tabindex="1"></td>
		<td style="padding-left:10px; color:red;"><span class="rq"> * </span></td>
		</tr>
		<tr height="10px"></tr>
		<tr>
		<td width="100px" align="left" style="padding-left:20px;">Câu hỏi cũ :</td>
		<td style="float:left"><input name="cauhoicu" id="cauhoicu" class="required" class="Text" type="password" maxlength="20" tabindex="2"></td>
		<td style="padding-left:10px; color:red;"><span class="rq"> * </span></td>
		</tr>
		<tr height="10px"></tr>
		<tr>
		<td width="100px" align="left" style="padding-left:20px;">Câu hỏi mới :</td>
		<td style="float:left"><input name="cauhoimoi" id="cauhoimoi" class="required" class="Text" type="text" maxlength="20" tabindex="4"></td>
		<td style="padding-left:10px; color:red;"><span class="rq"> * </span></td>
		</tr>
		<tr height="10px"></tr>
		<tr>
		<td width="100px" align="left" style="padding-left:20px;">Câu trả lời mới :</td>
		<td style="float:left"><input name="traloimoi" id="traloimoi" class="required" class="Text" type="text" maxlength="20" tabindex="5"></td>
		<td style="padding-left:10px; color:red;"><span class="rq"> * </span></td>
		</tr>
		<tr height="10px"></tr>
		<tr>
		<td width="100px" align="left" style="padding-left:20px;"></td>
		<td style="float:left; padding-left:20px;"><input type="submit" id="bt_doicauhoi" value="Thực hiện" /></td>
		<td></td>
		</tr>
</table>
</div>
</form>
</body>
</html>